/* @description: 公用模块
*  @author: name
*  @update: name(xxxx-xx-xx xx:xx)
*/
.header{
    position: relative;
    z-index: 9;
}

.ovh:after{
    content:"";
    clear: both;
    display: block;
}


.logo{
    float: left;
    margin-top: 33px;
}

.nav{
    float: right;
}

.nav li{
    position: relative;
    float: left;
    margin-left: 38px;
}

.nav li .a1{
    display: block;
    height: 120px;
    line-height: 120px;
    overflow: hidden;
    font-size: 18px;
    /*color:#000;*/
    color:#3079bd;
}

.nav li.on .a1,
.nav li:hover .a1{
    color:#3079bd;
}

.nav dl{
    position: absolute;
    top: 100%;
    left:50%;
    margin-left: -71px;
    width: 142px;
    background: #439fe5;
    display: none;
}


.nav .a1:before{
    content:'';
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    border-right:6px solid transparent;
    border-left:6px solid transparent;
    border-bottom:5px solid #439fe5;
    /*display: none;*/
    opacity: 0;
}

.nav li.hover .a1:before{
    /*display: block;*/
    opacity: 1;
}

.nav li:first-of-type:hover .a1:before{
    opacity: 0;
}

.nav dd a{
    position: relative;
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 23px;
    color:#fff;
    text-align: center;
}

.nav dd a:after{
    content:"";
    position: absolute;
    bottom: 0;
    left: 23px;
    right: 23px;
    height: 1px;
    background:#85c2f0;
}
.nav dd a:hover{
    text-decoration: underline;
}

.nav dd:last-of-type a:after{
    display: none;
}

.m_tit{
    padding-bottom: 30px;
    text-align: center;
    font-size: 22px;
    color:#3079bd;
}

.m_btn{
    text-align: center;
}

.m_btn .btn{
    display: inline-block;
    padding: 0 23px;
    height: 30px;
    line-height: 30px;
    border-radius: 2px;
    background: #3078bd;
    color:#fff;
    font-size: 14px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}

.m_btn a:hover{
    padding: 0 40px;
}

.footer_rig{
    float: right;
    margin-left: 10px;
    width: 133px;
    height: 133px;
}

.footer_rig img{
    width: 133px;
    height: 133px;
}

.footer{
    padding: 50px 0;
    background: #3078bd;
}

.footer_let,
.footer_let a{
    color:#fff;
}

.footer_let{
    margin-top: -21px;
}

.footer_let .item{
    margin-top: 21px;
    font-size: 14px;
}

.footer_let em{
    font-size: 16px;
}

.footer_let a{
    display: inline-block;
    margin:0 10px;
}

.pop_bg{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 8;
    background: rgba(0,0,0,.5);
    display: none;
}

#video_pop{
    position: fixed;
    left: 50%;
    top: 50%;    
    z-index: 10;
    width: 600px;
    height: 400px;
    margin:-200px 0 0 -300px;
    background:#000;
    display: none;
}

#video_pop .close{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    width: 30px;
    cursor: pointer;
    height: 30px;
    background: url(../images/close.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}

#video_pop .box{
    position: relative;
    padding: 30px 0;
    height: 100%;
}

#video_pop video{
    left: 0;
    top: 30px;
    bottom: 30px;
    width: 100%;
}

.m_ban{
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
}


.m_subnav{
    padding: 20px 0;
    background: #f8f8f8;
}

.m_subnav .wp{
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
}

.m_subnav em{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/home.png) no-repeat left top;
}

.m_cur a{
    display: inline-block;
    padding: 0 23px 0 12px;
    font-size: 16px;
    color:#3079bd;
    background: url(../images/icon_arr3.png) no-repeat right center;
}

.m_cur a:last-of-type{
    background: none;
}

.m_subnav_rig {
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: 18px;
}

.m_subnav_rig a{
    display: inline-block;
    margin-left: 44px;
    max-width: 168px;
    line-height: 30px;
}

.m_subnav_rig a.on{
    color:#3078bd;
}

.m_page{
    padding: 50px 0;
    text-align: center;
}

.m_page *{
    display: inline-block;
    width: 27px;
    height: 27px;
    border:1px solid #888;
    vertical-align: top;
    text-align: center;
    line-height: 27px;
    font-size: 14px;
    color:#454545;
}

.m_page span,
.m_page a:hover{
    background-color: #3078bd;
    color:#fff;
    border-color: #3078bd;
}

.m_page .prev,
.m_page .next{
    background: url(../images/icon_arr4.png) no-repeat center;
}

.m_page .next{
    transform: rotate(180deg);
}


.m_page .prev:hover,
.m_page .next:hover{
    background-image:  url(../images/icon_arr4_on.png) ;
}

.m_img{
    text-align: center;
}

.m_txt p{
    padding: 10px 0;
    font-size: 16px;
    color:#454545;
    line-height: 1.8;
}
.m_txt{
    padding: 10px 0;
    font-size: 16px;
    color:#454545;
    line-height: 1.8;
}

.m_video{
    position: relative;
    height: 450px;
    -webkit-background-size: cover;  
    background-size: cover;   
    overflow: hidden; 
}

.m_video .video_btn{
    display: block;
    height: 100%;
}

.m_video .video_btn img{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin:auto;
}

#video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: none;
}

#video video{
    width: 100%;
    height: 100%;
}

.nav_btn{
   position: absolute;
   right: 1%;
   top: 50%;
   display: none;
   transform:translateY(-50%);
}

.nav_btn{
   width: 28px;
}

.nav_btn em{
   display: block;
   margin-bottom: 3px;
   height: 3px;
   background:#439fe5;
}

#fix_right{
    position: fixed;
    right: 0;
    bottom: 20px;
    z-index: 8;
}

#fix_right a{
    position: relative;
    display: block;
    margin-top: 10px;
    width: 52px;
    height: 52px;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}

#fix_right .icon{
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
    width: 52px;
    height: 52px;
    overflow: hidden;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}

#fix_right .icon img{
    width: 52px;
    height: 52px;
}

#fix_right .con img{
    width: 112px;
    height: 112px;
}

#fix_right .con{
    position: absolute;
    right: -112px;
    top: 0;
    height: 52px;
    line-height: 52px;
    width: 112px;
    text-align: center;
    background: #439fe5;
    color:#fff;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}

#fix_right li:hover .con{
    right: 0;
}

#fix_right li:hover .icon{
    /*width: 164px;*/
    right: 112px;
}

#fix_right li.on:hover .icon{
    right: 0;
}

#fix_right li.on .con{
    right: 100%;
    opacity: 0;
}

#fix_right li.on:hover .con{
    opacity: 1;
}